body {font-family: -apple-system, font-family:'century_gothic',Arial,'PingFangSC-Light','Helvetica','Hiragino Sans GB','Microsoft YaHei',sans-serif;-webkit-tap-highlight-color:transparent;background-color:#fff;color:#000;-webkit-text-size-adjust:100%;  font-size: 16px; color: #333;line-height: 1.75;}
.mt15{ margin-top:15px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}
.mtb20 {margin:20px 0px;}
.mb30{margin-bottom:30px;}
.ml30{margin-left: 30px;}
.ptb20{ padding-top:20px; padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.h10{ margin:0 auto; height:10px; clear:both;}
a:link{ color: #333333; text-decoration: none;line-height: 24px;}
a:visited{color: #333333;text-decoration: none; line-height: 24px;}
a:active{color: #333333;text-decoration: none;line-height: 24px;}
a:hover{color: #333333; text-decoration: none;line-height: 24px;}.red{color:red;}
.r{float: right;}
.red{color:red;}

.ofw{overflow: hidden;}
.fz48{font-size:32px;}
.fz24{font-size: 24px; font-weight: bold;}
.fz18{font-size: 18px;}
.fz14{font-size: 14px;}
.fwn{font-weight: none;}
.ch{color: #000;}
.bdc{border:#ccc 1px solid}
.pr_title{white-space: nowrap; /* 防止标题换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出部分显示为省略号 */
    
}
.header {
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,1);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
}
.head{margin:0 auto; width: 1170px;}
.head .logo{float: left; padding-right:100px; height: 48px; width: auto; padding-top:-15px;margin-top:-15px; overflow: hidden;}

/*导航菜单*/
.navbar-default {
    margin-top:20px;
    background-color: #fff;
    border-color: #fff;
}
.navbar-text{ font-size: 16px;color:#333;}
.navbar .nav > li{text-align: center; min-width: 100px;color: #333;}
.navbar .nav > li > a{ font-size: 16px;color: #000000; }
/*.navbar .nav >li >a:visited{ font-size: 16px;color: #333;}*/
.navbar .nav > li > a:hover { font-size: 16px;color: #fff;background-color: #2e87e7;}
/*.navbar .nav >li >a:active{ font-size: 16px;color: #333;}*/
.active{background-color: #2e87e7;color:#fff;}
.active a{color:#fff;}
.scrolltop {
    background-color: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(120,120,120,1);
    animation: fadeInDown 0.5s ease-in-out;
    -webkit-animation: fadeInDown 0.5s ease-in-out;
    z-index: 510;
}
.index_swp_baner{margin-top:80px;}
.swiper-container {width: 100%;} 
.banner{ min-height: 400px; }
.banner img{width: 100%; height: 400px;}
.banner .ti{color:#fff; padding-left:10%; font-size: 48px; font-weight: bold;padding-top:8%;}
.banner .txt{color:#fff; padding-left:10%; font-size: 18px; font-weight: bold;padding-top:1%;}

.zhushi{color:#999;font-size: 14px;margin-top:-10px;}
.i_jianjie{font-size:14px;color:#ccc;}
#about{margin-top:80px;}
.about_banner{ min-height: 400px; }
.about_banner img{width: 100%; height: 400px;}
.about_banner p{color:#000; padding-left:10%; font-size: 48px; font-weight: bold;padding-top:10%;}

.lvyou{ height: 400px;}
.caption{font-size: 24px; padding-bottom: 10px;margin-bottom: 30px; border-bottom: 1px #ccc solid;}
.contact{padding-top: 50px;}
.contact p{font-size: 18px;}



.chanpin_title{padding:0px;font-size: 30px;font-weight:bold;}
.about-txt p{font-size: 16px;color: #666;line-height: 200%; }



.footer{background-color: #000; margin-top: 50px; padding-top:20px; padding-bottom:20px; color:#fff;font-size:14px;}
.footer a{ color:#fff;text-decoration: none;}

.ov{overflow: hidden;}
.imgzoom {width: 100%;height: 100%; overflow: hidden;} 
.imgzoom img{
  cursor: pointer;
  transition: all 0.9s;
}
.imgzoom img:hover{
  transform: scale(1.2);
}




.zhuda{ height: 200px; overflow: hidden; }
.zhuda img{width: 40px; margin-right: 20px;}
.zhuda p{padding-top:20px;font-size: 12px;}
.zmt50{margin-top:50px;}




.index_newslist{float:left;padding: 10px; border-bottom:1px #ccc solid;width: 100%;  overflow: hidden; }
.index_newslist:hover{ background:#f5f5f5; }
.index_newslist_img{float: left;width: 30%;height:auto;overflow: hidden;}
.index_newslist_img img{height:auto;}
.index_newslist_text{float: left;padding-left: 5%;width: 65%; overflow: hidden;}
.index_newslist_text .title{width: 100%;height: 28px; overflow: hidden}
.index_newslist_text p{padding-top:10px; font-size: 12px;line-height: 1.5}
.index_newslist_text .date{width: 100%;color:#ccc;font-size: 12px;}
.news_layer{border-bottom: 1px #ccc solid; margin-top: 30px;margin-bottom: 30px;}

.news_title{width: 100%;overflow: hidden; }
.news_title a{text-decoration: none;font-size: 24px;color:#333;}
.news_txt{margin-top: 20px; font-size: 14px;color: #666;line-height: 160%; height: 110px; overflow: hidden;text-overflow:ellipsis;}
.news_date{ font-size: 12px;color: #666;}
.hotimg{ width: 100%; height: 200px; }

/*走进十八里*/
.about-swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
.about-swiper-container .swiper-slide {
      background-size: cover;
      background-position: center;
    }

/*品牌*/

.swiper-fangyu {
      width: 100%;
      height: 400px;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-fangyu .swiper-slide {
      background-size: cover;
      background-position: center;
    }
.gallery-top {
      height: 80%;
      width: 100%;
    }
.gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
.gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
.gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }


@media (min-width: 1900px){
.banner{ min-height: 500px; }
.banner img{width: 100%; height: 500px;}
.banner p{z-index: 1000;display: absolute;}
}
@media (max-width: 767px){
.fz48{font-size: 24px;}
.mt50{margin-top:30px;}
.head .logo{float: left; height: 50px; width:auto;padding-right: 0px; padding-top:-15px;margin-top:-15px; overflow: hidden;}
.navbar .nav > li{text-align: center; color: #333;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
.navbar .nav > li{}
.navbar .nav > li > a{ font-size: 16px;color: #000000;width:100vw; }


.index_swp_baner{margin-top:80px;}
.swiper-container {width: 100%;} 
.banner{ min-height: 200px; }
.banner img{width: 100%; height: 200px;}
.banner p{z-index: 1000;display: absolute;}
.zhushi{color:#adadad;font-size: 12px;margin-top:-10px;}

.zhuda{ padding:20px 0; height: auto; overflow: hidden; }
.zhuda img{width: 30px; margin-right: 10px;}
.zhuda p{padding-top:20px;font-size: 12px;}
.zmt50{margin-top:20px;}

.fz24{font-size: 18px; font-weight: bold;padding-bottom: 15px;}
.fz14{font-size: 12px;}


.index_newslist{float:left;margin:0px; padding:15px 0 15px 0; border-bottom:1px #ccc solid;width: 100%;  overflow: hidden; }
.index_newslist:hover{ background:#f5f5f5; }
.index_newslist_img{float: left;width: 30%;height:auto;overflow: hidden;}
.index_newslist_img img{height:auto;}
.index_newslist_text{float: left;padding-left: 2%;width: 68%; font-size: 14px; overflow: hidden;}
.index_newslist_text p{display: none;}
.index_newslist_text .date{width: 100%;color:#ccc;font-size: 12px;}
.news_layer{border-bottom: 1px #ccc solid; margin-top: 30px;margin-bottom: 30px;}


.about_banner{ min-height: 200px; }
.about_banner img{width: 100%; height: 200px;}
.about_banner p{color:#fff; padding-left:10%; font-size: 48px; font-weight: bold;padding-top:10%;}
#about{margin-top:80px;}

.lvyou{ height: 200px;}
.lvyou img{width: 100%; height: 100px;}


}